<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
<script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
	<body>
		
		<script>
				
			
		</script>
		<style>
			h5 {
				line-height: 5px;
			}
			
			.address .addr_list {
				height: 140px;
				overflow: hidden;
				
			}
			
			.address_list .addr {
				width: 192px;
				padding: 8px 12px 0 12px;
				height: 114px;
				float: left;
				line-height: 22px;
				background: #fbfbfb;
				margin: 0 18px 20px 0;
				position: relative;
				color: #000;
				border: 2px solid #e6e4e2;
				cursor: pointer;
			}
			
			p {
				font-size: 12px;
			}
			.addr:first-child{
				border-color: red;
			}
			
		</style>
		<div class="address_list">
			<ul id="address_list">

				<li class="addr active operate" id="address_block_141901487" address_index="0" address_id="141901487" address_status="1">
					<h5>娄露雅<span>150****3650</span></h5>
					<p>中国 福建 福州市 闽侯县 上街镇</p>
					<p>****大学旗山校区</p>

					<div id="defalut_141901487" style="display: none;">

						<span class="addr_mo"><em></em>默认地址</span>

					</div>
				</li>

				<li class="addr" id="address_block_157160314" address_index="1" address_id="157160314" address_status="2">
					<h5>王丹丹<span>135****5621</span></h5>
					<p>中国 浙江 台州市 临海市 大洋街道</p>
					<p>****167号【大洋小区北门西侧】</p>

					<div id="defalut_157160314">

					</div>
					<div id="oper_157160314" style="display: none;">
						<a href="javascript:void(0)" id="edit_157160314" name="oper">编辑</a>
						<a href="javascript:void(0)" id="del_157160314" name="oper">删除 </a>
						<a href="javascript:void(0)" id="set_default_157160314" class="us" name="oper">设为默认地址</a>
					</div>
				</li>

				<li class="addr" id="address_block_131935156" address_index="2" address_id="131935156" address_status="2">
					<h5>郭灵飞<span>150****3650</span></h5>
					<p>中国 浙江 台州市 临海市 </p>
					<p>****门卫处</p>

					<div id="defalut_131935156">

					</div>
					<div id="oper_131935156" style="display:none">
						<a href="javascript:void(0)" id="edit_131935156" name="oper">编辑</a>
						<a href="javascript:void(0)" id="del_131935156" name="oper">删除 </a>
						<a href="javascript:void(0)" id="set_default_131935156" class="us" name="oper">设为默认地址</a>
					</div>
				</li>
			<script>
				
						$("#address_list li").click(function(){
				alert("");
				var index=$(this).index()+1;
				$("#address_list li").css("border","none");
				$(this).css("border-color","#FA5555");
				$(this).addClass("active");
			})
			</script>
			</ul>
		</div>
	</body>

</html>